<div id="content">
	<div class="row s_page_title" *ngIf="pageType ==='new'">
		<sa-big-breadcrumbs [items]="['系统基础管理','实施团队管理','添加实施团队']" icon="fa fa-list"
			class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
	</div>
	<div class="row s_page_title" *ngIf="pageType ==='updata'">
		<sa-big-breadcrumbs [items]="['系统基础管理','实施团队管理','编辑实施团队']" icon="fa fa-list"
			class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
	</div>
	<div class="s_page_wrap">
		<div class="page-header">
			<h1 class="page_detail_title">{{page_title}}实施团队</h1>
		</div>
		<div class="row" style="margin-top:5px;">
			<div class="col-xs-12">
				<form name="companyForm" id="companyForm" role="form" class="form-horizontal" novalidate="novalidate"
					[saBootstrapValidator]="validatorOptions">
					<h3 style="margin: 10px 0 20px 0"><strong>基本信息</strong></h3>

					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">实施团队<sup>*</sup></label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" [attr.companyId]="rowId" [(ngModel)]='page.companyName'
									name="companyName" type="text" placeholder="团队名称" />
							</div>
						</div>
					</div>

					<div class="form-group col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">省份<sup>*</sup></label>
						<div class="col-sm-11">
							<div class="clearfix">
								<select class="form-control" [(ngModel)]='page.provinceId'
									(change)="provinceChange($event.target.value)" name="provinceId" placeholder="请选择"
									autocomplete='address-level1'>
									<option value="">请选择</option>
									<option *ngFor="let item of provinceNameArr" [value]='item.id'>{{item.areaName}}
									</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">城市<sup>*</sup></label>
						<div class="col-sm-11">
							<div class="clearfix">
								<select class="form-control" [(ngModel)]='page.cityId'
									(change)="cityChange($event.target.value)" name="cityId" placeholder="请选择"
									autocomplete='address-level2'>
									<option value="">请选择</option>
									<option *ngFor="let item of cityNameArr" [value]='item.id'>{{item.areaName}}
									</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">市区<sup>*</sup></label>
						<div class="col-sm-11">
							<div class="clearfix">
								<select class="form-control" [(ngModel)]='page.cantonalId'
									(change)="townChange($event.target.value)" name="cantonalId" placeholder="请选择"
									autocomplete='address-level3'>
									<option value="">请选择</option>
									<option *ngFor="let item of townNameArr" [value]='item.id'>{{item.areaName}}
									</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">用户类型<sup>*</sup></label>
						<div class="col-sm-11">
							<div class="clearfix">
								<select class="form-control" [(ngModel)]='page.userType'
									(change)="userTypeChange($event.target.value)" name="userType" placeholder="请选择">
									<option value="">请选择</option>
									<option *ngFor="let item of userTypeArr" [value]='item.userType'>
										{{item.userTypeName}}</option>
								</select>
							</div>
						</div>
					</div>
					<div class="form-group col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">所属角色<sup>*</sup></label>
						<div class="col-sm-11">
							<div class="clearfix s_fix_select2">
								<select class="form-control select2" id="roleSelect2" name="roleId" style="width: 100%">
									<option value=''>请选择</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">联系人姓名</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" [(ngModel)]='page.linkmen' name="linkmen" type="text"
									placeholder="联系人姓名" maxlength="20" />
							</div>
						</div>
					</div>

					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">联系人电话</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" [(ngModel)]='page.tel' name="tel" type="text"
									placeholder="联系人电话" />
							</div>
						</div>
					</div>

					<!-- 新需求 -->
					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">邮箱</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" name="email" type="text" [(ngModel)]='page.email'
									placeholder="请输入邮箱" autocomplete='email' />
							</div>
						</div>
					</div>

					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">详细地址</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" name="address" type="text" [(ngModel)]='page.address'
									placeholder="详细地址" autocomplete='street-address' />
							</div>
						</div>
					</div>

					<div class="form-group col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">备注</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" [(ngModel)]='page.remark' name="remark" rows="3" cols="30"
									placeholder="填写备注..." autocomplete='off' />
							</div>
						</div>
					</div>

					<h3 class="form-group  col-sm-12" style="margin: 10px 0 20px 0"><strong>团队薪酬配置</strong></h3>

					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">安装提成-省内[元/台]</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" [(ngModel)]='page.installInRoyalty' name="installInRoyalty"
									type="text" onkeyup="value=value.replace(/^(0+)|[^\d.]+/g,'')" />
							</div>
						</div>
					</div>

					<div class="form-group  col-sm-12">
						<label class="control-label col-sm-1 no-padding-right">安装提成-省内[元/台]</label>
						<div class="col-sm-11">
							<div class="clearfix">
								<input class="form-control" [(ngModel)]='page.installOutRoyalty'
									name="installOutRoyalty" type="text"
									onkeyup="value=value.replace(/^(0+)|[^\d.]+/g,'')" />
							</div>
						</div>
					</div>
					<br />
					<br />
					<br />
					<br />
					<div class="center">
						<button (click)="onSubmit()" id="editBtn" class="btn btn-primary">保存</button>
						<button type="button" id="cancleBtn" (click)='goBack()' class="btn default">返回</button>
					</div>
				</form>
				<div class="hr hr-dotted"></div>
			</div>
		</div>
	</div>
</div>